<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>jQuery 常用方法</title>
    <script type="text/javascript" src="/static/js3/jQuery-2.1.4/jquery-2.1.4.min.js"></script>
    <script>
        $(function () {
            console.log($('p').size());
            console.log($('#username').val());
            console.log($('#username').val('叩丁狼'));
            console.log($('#h1').html());
            console.log($('#h1').text());
            $('#h1').css('color','green');

        })
    </script>
</head>
<body>
<h1 id="h1">做人<i>要低调</i></h1>
<input type="text" id="username" value="wolfcode"/><br/><br/>

<div>
    jQuery常用方法:<br/>
    jQuery.size();//获取jQuery中包含DOM的个数<br/>
    jQuery.val();//操作元素的value属性<br/>
    jQuery.html();//操作元素内的HTML代码<br/>
    jQuery.text();//操作元素内的文本,忽略HTML标签
</div>
<hr/>
<div>
    <p>
        问题1:获取jQuery中包含DOM的个数

    </p>
    <p>
        问题2:获取id为username元素的value属性值

    </p>
    <p>
        问题3:设置id为username元素的value属性值为"叩丁狼教育"

    </p>
    <p>
        问题4:对比h1元素的内容和纯文本的区别

    </p>
    <p>
        问题5:把h1元素内容的颜色改为黄色
    </p>
</div>
</body>
</html>